<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
	<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
</head>
<body>
 
    <video autoplay loop muted style="position: fixed; z-index: -100%; width: 100%; height: 100%"  id="vvv" src="src/2.mp4"></video>
    
 <div class="cocobg" id="cocobgid">
<div class="row justify-content-center align-items-center g-2 row2 ">
    <div class="col-4">
       <img src="src/c.gif" class="img-fluid rounded" alt="">

    </div>
    <div class="col-8">
      <div class="info" id="info1">
   
      </div>
      <div class="info" id="info2">
     
      </div>
      <div class="info" id="info3">
     
      </div> 
    </div>
    <div class="col-12 cocoinfo" id="info4" >
   
    </div>
    <div class="col-12 cocoinfo2"  >
        <div id="time" style="font-weight: bold;"></div>
    </div>

</div>
</div>


  
<div id="cocobgid2">
    <div class="row justify-content-center align-items-center g-2 ">
     
        <div class="col-12 cocoinfo2" >
            <div id="time2" style="font-weight: bold;color:white;padding: 20px;"></div>
        </div>
    
    </div>
    </div>

		<script src="js/run.js"></script>

    </body>

</html>
